{% extends 'bootstrap/base.html' %}
​
{% block title %}水果中心{% endblock %}
​
{% block navbar %}
    <nav class="navbar navbar-expand-lg navbar-inverse container" style="border-radius: 0px;">
        <div class="container  col-lg-9 col-lg-offset-1">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">首页</a>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="http://127.0.0.1:5000/buy">购买</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">个人中心</a></li>
                    <li><a href="#">退出</a></li>
                </ul>
            </div>
        </div>
    </nav>
{% endblock %}
​
{% block content %}
    <div class="jumbotron col-lg-8 col-lg-offset-2" style="align-content: center">
        <div class="col-lg-10 col-lg-offset-1">
            <h1 class="display-3"><b>Hello,{{ message }}!</b></h1>
            <p class="lead">这是一个水果订购系统。</p>
            <hr class="my-4">
            <p>这里有各种各样的水果。</p>
            <a class="btn btn-primary btn-lg" href="http://127.0.0.1:5000/buy" role="button">Go Shopping</a>
        </div>
    </div>
{% endblock %}